<!--<!DOCTYPE html>-->
<!--<html lang="en">-->

<!--<head>-->
<!--    <meta charset="UTF-8" />-->
<!--    &lt;!&ndash; <meta http-equiv="X-UA-Compatible" content="IE=edge"> &ndash;&gt;-->
<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0" />-->
<!--    <title>警告历史</title>-->
<!--    <link rel="stylesheet" href="../static/css/normalize.css" />-->
<!--    <link rel="stylesheet" href="../static/css/swiper.min.css" />-->
<!--    <link rel="stylesheet" href="../static/css/showimg.css" />-->
<!--    <link rel="stylesheet" href="../static/css/warn.css" />-->
<!--    <script src="../static/js/jquery.js"></script>-->
<!--</head>-->

<!--<body>-->
<!--    <section class="warp">-->
<!--        &lt;!&ndash; 头部区域 &ndash;&gt;-->
<!--        <header class="header">警告历史</header>-->
<!--        &lt;!&ndash; 图片显示部分 &ndash;&gt;-->
<!--        <nav class="nav">-->
<!--            <div class="con-hd">-->
<!--                <h4 id="time1">-->
<!--                    <span class="icon"><img src="../static/icons/纯天然.png" alt="" /></span>-->
<!--                    时间-->
<!--                </h4>-->
<!--            </div>-->
<!--            <div id="msg1">暂无警告</div>-->
<!--        </nav>-->
<!--        <nav class="nav">-->
<!--            <div class="con-hd">-->
<!--                <h4 id="time2">-->
<!--                    <span class="icon"><img src="../static/icons/纯天然.png" alt="" /></span>-->
<!--                    时间-->
<!--                </h4>-->
<!--            </div>-->
<!--            <div id="msg2">暂无警告</div>-->
<!--        </nav>-->
<!--        <nav class="nav">-->
<!--            <div class="con-hd">-->
<!--                <h4 id="time3">-->
<!--                    <span class="icon"><img src="../static/icons/纯天然.png" alt="" /></span>-->
<!--                    时间-->
<!--                </h4>-->
<!--            </div>-->
<!--            <div id="msg3">暂无警告</div>-->
<!--        </nav>-->
<!--        <nav class="nav">-->
<!--            <div class="con-hd">-->
<!--                <h4 id="time4">-->
<!--                    <span class="icon"><img src="../static/icons/纯天然.png" alt="" /></span>-->
<!--                    时间-->
<!--                </h4>-->
<!--            </div>-->
<!--            <div id="msg4">暂无警告</div>-->
<!--        </nav>-->
<!--        <nav class="nav">-->
<!--            <div class="con-hd">-->
<!--                <h4 id="time5">-->
<!--                    <span class="icon"><img src="../static/icons/纯天然.png" alt="" /></span>-->
<!--                    时间-->
<!--                </h4>-->
<!--            </div>-->
<!--            <div id="msg5">暂无警告</div>-->
<!--        </nav>-->
<!--        <nav class="nav">-->
<!--            <div class="con-hd">-->
<!--                <h4 id="time6">-->
<!--                    <span class="icon"><img src="../static/icons/纯天然.png" alt="" /></span>-->
<!--                    时间-->
<!--                </h4>-->
<!--            </div>-->
<!--            <div id="msg6">暂无警告</div>-->
<!--        </nav>-->
<!--        <br>-->

<!--    </section>-->
<!--    <footer class="footer">-->
<!--        <a href="index.html" class="item">-->
<!--            <img src="../static/icons/首页1.png" alt="" />-->
<!--            <p>首页</p>-->
<!--        </a>-->
<!--        <a href="machine.html" class="item">-->
<!--            <img src="../static/icons/分类1.png" alt="" />-->
<!--            <p>设备控制</p>-->
<!--        </a>-->
<!--        <a href="history.html" class="item">-->
<!--            <img src="../static/icons/历史.png" alt="" />-->
<!--            <p>历史数据</p>-->
<!--        </a>-->
<!--        <a href="mine.html" class="item">-->
<!--            <img src="../static/icons/我的1.png" alt="" />-->
<!--            <p>我的</p>-->
<!--        </a>-->
<!--    </footer>-->

<!--    <script src="../static/js/flexible.js"></script>-->
<!--    <script src="../static/js/swiper.min.js"></script>-->


<!--    <script>-->
<!--        var last_text='';-->

<!--        function show_line_data(){-->
<!--            $.ajax({-->
<!--                url:"/line",-->
<!--                success:function(data){-->
<!--                    let water = data.moisture_content[data.moisture_content.length - 1];-->
<!--                    let bud = data.tender_bud_num[data.tender_bud_num.length - 1];-->
<!--                    let temp = data.air_temperature[data.air_temperature.length - 1];-->
<!--                    let humidity = data.air_humidity[data.air_humidity.length - 1];-->
<!--                    if(water>0.7 || water<0.68 || bud > 0.35 || bud < 0.25 || temp > 30 || temp < 18 || humidity > 0.75 || humidity < 0.6) {-->
<!--                        var text=String(data.day[data.day.length - 1]);-->

<!--                        if (water>0.7) {-->
<!--                           text=text+"含水率达到"+water+"，请及时排水！"-->
<!--                        } else if (water<0.68) {-->
<!--                           text=text+"含水率达到"+water+"，请及时补水！"-->
<!--                        }-->

<!--                        if (bud > 100) {//500克-->
<!--                           text=text+"嫩芽数达到"+bud+"，请及时调整揉捻次数！"-->
<!--                        } else if (bud < 50) {-->
<!--                           text=text+"嫩芽数达到"+bud+"，请及时增加揉捻次数！"-->
<!--                        }-->

<!--                        if (temp > 35) {-->
<!--                           text=text+"温度达到"+temp+"°C，请及时降温！"-->
<!--                        } else if (temp < 30) {-->
<!--                           text=text+"温度达到"+temp+"°C，请及时加热！"-->
<!--                        }-->

<!--                        if (humidity > 0.75) {-->
<!--                           text=text+"空气湿度达到"+humidity+"，请及时通风！"-->
<!--                        } else if (humidity < 0.6) {-->
<!--                           text=text+"空气湿度达到"+humidity+"，请及时加湿！"-->
<!--                        }-->

<!--                        if(last_text!==text){-->
<!--                            last_text=text;-->
<!--                            const xhr = new XMLHttpRequest(); // 创建 HTTP 请求对象-->
<!--                            xhr.open('POST', '/accept_warn', true); // 发送请求-->
<!--                            xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头-->
<!--                            xhr.send(JSON.stringify({warn: text})); // 发送数据-->
<!--                        }-->

<!--                    }-->

<!--                },error:function(xhr,type,errorThrown){-->

<!--                }-->
<!--            })-->

<!--        }-->

<!--        function show_warn_data(){-->
<!--            $.ajax({-->
<!--                url:"/warn",-->
<!--                success:function(data){-->
<!--                    console.log(data);-->

<!--                    if (data.day[0] !== ''){-->
<!--                        $("#time1").html(data.day[0]);-->
<!--                        $("#msg1").html(data.msg[0]);-->
<!--                    }-->

<!--                    if (data.day[1] !== ''){-->
<!--                        $("#time2").html(data.day[1]);-->
<!--                        $("#msg2").html(data.msg[1]);-->
<!--                    }-->

<!--                    if (data.day[2] !== ''){-->
<!--                        $("#time3").html(data.day[2]);-->
<!--                        $("#msg3").html(data.msg[2]);-->
<!--                    }-->

<!--                    if (data.day[3] !== ''){-->
<!--                        $("#time4").html(data.day[3]);-->
<!--                        $("#msg4").html(data.msg[3]);-->
<!--                    }-->

<!--                    if (data.day[4] !== ''){-->
<!--                        $("#time5").html(data.day[4]);-->
<!--                        $("#msg5").html(data.msg[4]);-->
<!--                    }-->

<!--                    if (data.day[5] !== ''){-->
<!--                        $("#time6").html(data.day[5]);-->
<!--                        $("#msg6").html(data.msg[5]);-->
<!--                    }-->

<!--                },error:function(xhr,type,errorThrown){-->

<!--                }-->
<!--        });-->
<!--    }-->

<!--    show_line_data();-->
<!--    show_warn_data();-->
<!--    setInterval(show_line_data,3000);-->
<!--    setInterval(show_warn_data,3000);-->
<!--    </script>-->


<!--</body>-->

<!--</html>-->

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>警告历史</title>
    <link rel="stylesheet" href="../static/css/normalize.css" />
    <link rel="stylesheet" href="../static/css/swiper.min.css" />
    <link rel="stylesheet" href="../static/css/showimg.css" />
    <link rel="stylesheet" href="../static/css/warn.css" />
    <script src="../static/js/jquery.js"></script>
</head>

<body>
    <section class="warp">
        <!-- 头部区域 -->
        <header class="header">警告历史</header>
        <!-- 图片显示部分 -->
        <nav class="nav">
            <div class="con-hd">
                <h4 id="time1">
                    <span class="icon"><img src="../static/icons/纯天然.png" alt="" /></span>
                    时间
                </h4>
            </div>
            <div id="msg1" class="con">含水率达到0.628，请及时补水!嫩芽数达到0，请及时增加揉捻次数!温度达到16.1C，请及时加热!空气湿度达到0.391，请及时加湿!</div>
        </nav>
        <nav class="nav">
            <div class="con-hd">
                <h4 id="time2">
                    <span class="icon"><img src="../static/icons/纯天然.png" alt="" /></span>
                    时间
                </h4>
            </div>
            <div id="msg2" class="con">暂无警告</div>
        </nav>
        <nav class="nav">
            <div class="con-hd">
                <h4 id="time3">
                    <span class="icon"><img src="../static/icons/纯天然.png" alt="" /></span>
                    时间
                </h4>
            </div>
            <div id="msg3" class="con">暂无警告</div>
        </nav>
        <nav class="nav">
            <div class="con-hd">
                <h4 id="time4">
                    <span class="icon"><img src="../static/icons/纯天然.png" alt="" /></span>
                    时间
                </h4>
            </div>
            <div id="msg4" class="con">暂无警告</div>
        </nav>
        <nav class="nav">
            <div class="con-hd">
                <h4 id="time5">
                    <span class="icon"><img src="../static/icons/纯天然.png" alt="" /></span>
                    时间
                </h4>
            </div>
            <div id="msg5" class="con">暂无警告</div>
        </nav>
        <nav class="nav">
            <div class="con-hd">
                <h4 id="time6">
                    <span class="icon"><img src="../static/icons/纯天然.png" alt="" /></span>
                    时间
                </h4>
            </div>
            <div id="msg6" class="con">暂无警告</div>
        </nav>
        <br>

    </section>
    <footer class="footer">
        <a href="index.html" class="item">
            <img src="../static/icons/首页1.png" alt="" />
            <p>首页</p>
        </a>
        <a href="machine.html" class="item">
            <img src="../static/icons/分类1.png" alt="" />
            <p>设备控制</p>
        </a>
        <a href="history.html" class="item">
            <img src="../static/icons/历史.png" alt="" />
            <p>历史数据</p>
        </a>
        <a href="mine.html" class="item">
            <img src="../static/icons/我的1.png" alt="" />
            <p>我的</p>
        </a>
    </footer>

    <script src="../static/js/flexible.js"></script>
    <script src="../static/js/swiper.min.js"></script>


    <script>
        var last_text='';

        function show_line_data(){
            $.ajax({
                url:"/line",
                success:function(data){
                    let water = data.moisture_content[data.moisture_content.length - 1];
                    let bud = data.tender_bud_num[data.tender_bud_num.length - 1];
                    let temp = data.air_temperature[data.air_temperature.length - 1];
                    let humidity = data.air_humidity[data.air_humidity.length - 1];
                    if(water>0.7 || water<0.68 || bud > 0.35 || bud < 0.25 || temp > 30 || temp < 18 || humidity > 0.75 || humidity < 0.6) {
                        var text=String(data.day[data.day.length - 1]);

                        if (water>0.7) {
                           text=text+"含水率达到"+water+"，请及时排水！"
                        } else if (water<0.68) {
                           text=text+"含水率达到"+water+"，请及时补水！"
                        }

                        if (bud > 100) {//500克
                           text=text+"嫩芽数达到"+bud+"，请及时调整揉捻次数！"
                        } else if (bud < 50) {
                           text=text+"嫩芽数达到"+bud+"，请及时增加揉捻次数！"
                        }

                        if (temp > 35) {
                           text=text+"温度达到"+temp+"°C，请及时降温！"
                        } else if (temp < 30) {
                           text=text+"温度达到"+temp+"°C，请及时加热！"
                        }

                        if (humidity > 0.75) {
                           text=text+"空气湿度达到"+humidity+"，请及时通风！"
                        } else if (humidity < 0.6) {
                           text=text+"空气湿度达到"+humidity+"，请及时加湿！"
                        }

                        if(last_text!==text){
                            last_text=text;
                            const xhr = new XMLHttpRequest(); // 创建 HTTP 请求对象
                            xhr.open('POST', '/accept_warn', true); // 发送请求
                            xhr.setRequestHeader('Content-Type', 'application/json'); // 设置请求头
                            xhr.send(JSON.stringify({warn: text})); // 发送数据
                        }

                    }

                },error:function(xhr,type,errorThrown){

                }
            })

        }

        function show_warn_data(){
            $.ajax({
                url:"/warn",
                success:function(data){
                    console.log(data);

                    if (data.day[0] !== ''){
                        $("#time1").html(data.day[0]);
                        $("#msg1").html(data.msg[0]);
                    }

                    if (data.day[1] !== ''){
                        $("#time2").html(data.day[1]);
                        $("#msg2").html(data.msg[1]);
                    }

                    if (data.day[2] !== ''){
                        $("#time3").html(data.day[2]);
                        $("#msg3").html(data.msg[2]);
                    }

                    if (data.day[3] !== ''){
                        $("#time4").html(data.day[3]);
                        $("#msg4").html(data.msg[3]);
                    }

                    if (data.day[4] !== ''){
                        $("#time5").html(data.day[4]);
                        $("#msg5").html(data.msg[4]);
                    }

                    if (data.day[5] !== ''){
                        $("#time6").html(data.day[5]);
                        $("#msg6").html(data.msg[5]);
                    }

                },error:function(xhr,type,errorThrown){

                }
        });
    }

    show_line_data();
    show_warn_data();
    setInterval(show_line_data,3000);
    setInterval(show_warn_data,3000);
    </script>


</body>

</html>